/*
 *  960 Grid System ~ Core CSS.
 *  Learn more ~ http://960.gs/
 *
 *  Licensed under GPL and MIT.

/*
 *  Forces backgrounds to span full width,
 *  even if there is horizontal scrolling.
 *  Increase this if your layout is wider.
 *
 *  Note: IE6 works fine without this fix.

body
  min-width: 960px

/* `Containers
 *----------------------------------------------------------------------------------------------------

.container_12
  margin-left: auto
  margin-right: auto
  width: 960px

/* `Grid >> Global
 *----------------------------------------------------------------------------------------------------

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
  display: inline
  float: left

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11
  position: relative

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
 *----------------------------------------------------------------------------------------------------

.alpha
  margin-left: 0

.omega
  margin-right: 0

/* `Grid >> 12 Columns
 *----------------------------------------------------------------------------------------------------

.container_12
  .grid_1
    width: 80px
  .grid_2
    width: 160px
  .grid_3
    width: 240px
  .grid_4
    width: 320px
  .grid_5
    width: 400px
  .grid_6
    width: 480px
  .grid_7
    width: 560px
  .grid_8
    width: 640px
  .grid_9
    width: 720px
  .grid_10
    width: 800px
  .grid_11
    width: 880px
  .grid_12
    width: 960px
  .prefix_1
    padding-left: 80px
  .prefix_2
    padding-left: 160px
  .prefix_3
    padding-left: 240px
  .prefix_4
    padding-left: 320px
  .prefix_5
    padding-left: 400px
  .prefix_6
    padding-left: 480px
  .prefix_7
    padding-left: 560px
  .prefix_8
    padding-left: 640px
  .prefix_9
    padding-left: 720px
  .prefix_10
    padding-left: 800px
  .prefix_11
    padding-left: 880px
  .suffix_1
    padding-right: 80px
  .suffix_2
    padding-right: 160px
  .suffix_3
    padding-right: 240px
  .suffix_4
    padding-right: 320px
  .suffix_5
    padding-right: 400px
  .suffix_6
    padding-right: 480px
  .suffix_7
    padding-right: 560px
  .suffix_8
    padding-right: 640px
  .suffix_9
    padding-right: 720px
  .suffix_10
    padding-right: 800px
  .suffix_11
    padding-right: 880px
  .push_1
    left: 80px
  .push_2
    left: 160px
  .push_3
    left: 240px
  .push_4
    left: 320px
  .push_5
    left: 400px
  .push_6
    left: 480px
  .push_7
    left: 560px
  .push_8
    left: 640px
  .push_9
    left: 720px
  .push_10
    left: 800px
  .push_11
    left: 880px
  .pull_1
    left: -80px
  .pull_2
    left: -160px
  .pull_3
    left: -240px
  .pull_4
    left: -320px
  .pull_5
    left: -400px
  .pull_6
    left: -480px
  .pull_7
    left: -560px
  .pull_8
    left: -640px
  .pull_9
    left: -720px
  .pull_10
    left: -800px
  .pull_11
    left: -880px

/* `Prefix Extra Space >> 12 Columns
 *----------------------------------------------------------------------------------------------------

/* `Suffix Extra Space >> 12 Columns
 *----------------------------------------------------------------------------------------------------

/* `Push Space >> 12 Columns
 *----------------------------------------------------------------------------------------------------

/* `Pull Space >> 12 Columns
 *----------------------------------------------------------------------------------------------------

/* `Clear Floated Elements
 *----------------------------------------------------------------------------------------------------

/* http://sonspring.com/journal/clearing-floats

.clear
  clear: both
  display: block
  overflow: hidden
  visibility: hidden
  width: 0
  height: 0

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified

.clearfix
  &:before, &:after
    content: '.'
    display: block
    overflow: hidden
    visibility: hidden
    font-size: 0
    line-height: 0
    width: 0
    height: 0

.container_12
  &:before, &:after
    content: '.'
    display: block
    overflow: hidden
    visibility: hidden
    font-size: 0
    line-height: 0
    width: 0
    height: 0

.clearfix:after, .container_12:after
  clear: both

/*
 *The following zoom:1 rule is specifically for IE6 + IE7.
 *Move to separate stylesheet if invalid CSS is a problem.

.clearfix, .container_12
  zoom: 1